<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鲜花网站</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/rest.css">
</head>

<body>
    <div id="app">
        <div class="header">
            <div class="nav">
                <div class="nave-left">
                    <div class="logo">
                        <img src="./img/logo.png">
                    </div>
                </div>
                <div class="nav-right">
                    <ul>
                        <li>家</li>
                        <li>花</li>
                        <li>植物</li>
                        <li>订单</li>
                        <li><img src="./img/搜索.png"></li>
                    </ul>
                </div>

                <!-- <div class="banner"></div> -->
            </div>
            <div class="banner"></div>
        </div>
        <div class="content">
            <div class="wj">
                <div class="conntent-item1 item1">
                    <div class="item-header">
                        <div class="content-bg">
                            <div class="content-text">
                                <p>Home Decoration <br>
                                    in Green</p>
                            </div>
                            <div class="content-tips">
                                <p>see all collection</p>
                            </div>
                        </div>
                        <div class="img"><img style="width: 100%;height: 100%;" src="./img/wj_header_one1.png" alt=""></div>

                    </div>
                    <div class="item-header">
                        <div class="content-bg">
                            <div class="content-text">
                                <p>If You Were A Cactus <br>
                                    In The Desert</p>
                            </div>
                            <div class="content-tips">
                                <p>see all collection </p>
                            </div>
                        </div>
                       

                    </div>
                    <div class="item-header">
                        <div class="content-bg">
                            <div class="content-text">
                                <p>Valentine’s Day<br>
                                    in China</p>
                            </div>
                            <div class="content-tips">
                                <p>see all collection</p>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="conntent-item1 item2">
                    <div class="item-top">1</div>
                    <div class="item-bottom">
                        <div class="item-card"></div>
                        <div class="item-card"></div>
                        <div class="item-card"></div>
                        <div class="item-card"></div>
                    </div>
                </div>
                <div class="conntent-item1 item3">3</div>
                <div class="conntent-item1 item4">
                    <div class="item-box"></div>
                    <div class="item-box"></div>
                    <div class="item-box"></div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="w">
                <dl>
                    <dt>
                        <div class="img"><img src="./img/logo.png" alt=""></div>
                    </dt>
                    <dd>© 2015-2019 Leaf Shop.</dd>
                    <dd>Flower Family</dd>
                </dl>
                <dl>
                    <dt>Locate us</dt>
                    <dd>© 2015-2019 Leaf Shop.</dd>
                    <dd>Flower Family</dd>
                </dl>
                <dl>
                    <dt>Information</dt>
                    <dd>Phone 0298-930393</dd>
                    <dd>Phone 0298-930393</dd>
                </dl>
                <dl>
                    <dt>Discover</dt>
                    <dd>All products</dd>
                    <dd>All products</dd>
                </dl>
                <dl>
                    <dt>concat us</dt>
                    <dd>flowers</dd>
                    <dd>flowers</dd>

                </dl>
                <dl>
                    <dt>Download App</dt>
                    <dd>
                        <div class="img"><img style="margin-right: 20px;" src="./img/FaceBook.png" alt=""><img
                                src="./img/ins.png" alt=""></div>
                    </dd>
                </dl>
            </div>

        </div>
    </div>
</body>

</html>